<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'" /> -->
    <!-- <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'" /> -->
    <title>图片识别</title>
    <style type="text/css">
        #mainImgbox img{
            width: 110px;
            margin-right: 2px;
        }
        #box img{
            width: 50px;
            margin-right: 2px;
        }
        #btn3{
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <button type="button" id="btn">选择主图</button>
    <div id="mainImgbox">

    </div>
    <!-- <img id="mainImg" style="width: 110px;"> -->

    <br />
    <hr />
    <button type="button" id="btn2">选择小图</button>
    <div id="box">

    </div>
    <br />
    <hr />
    <button type="button" id="btn3">开始任务</button>
    <button type="button" id="btn4" style="margin-left: 20px;">复制数据</button>


    <script src="./renderer.js"></script>
</body>

</html>